import React from "react";
import PropTypes from "prop-types";
import "./index.less";

HeaderTitle.propTypes = {
  title: PropTypes.string.isRequired,
  more: PropTypes.string,
};

export default function HeaderTitle(props) {
  return (
    <>
      <div className={["header-title", props.className].join(" ")} style={props.style}>
        <div>{props.title}</div>
        {props.more ? <div className="more">{props.more}</div> : ""}
      </div>
    </>
  );
}
